// src/components/AutofitWrapper.tsx
import React, { useEffect, useRef } from 'react';
import autofit from 'autofit.js';

interface AutofitWrapperProps {
  children: React.ReactNode;
}

const AutofitWrapper: React.FC<AutofitWrapperProps> = ({ children }) => {
  const wrapperRef = useRef<HTMLDivElement | null>(null);

  useEffect(() => {
    if (wrapperRef.current) {
      autofit.init({
        dw: 1080, // 设计稿宽度
        dh: 1920, // 设计稿高度
        // el: wrapperRef.current, // 挂载的元素
        resize: true, // 是否开启适配
      });
    }

    // 清理函数（如果有需要）
    return () => {
      // 如果 autofit.js 提供销毁方法，可以在这里调用
    };
  }, []);

  return (
    <div ref={wrapperRef} style={{ width: '100%', height: '100%' }}>
      {children}
    </div>
  );
};

export default AutofitWrapper;